<template>
	<view class="big">
		 <!-- <u-tabs :list="list1" @change="click"></u-tabs> -->
		 
		 
		 <view class="cont-item">
		 	<view class="list between">
		 		<view class="list_left align">
		 			<u-avatar size='60' src="/static/touxiang6.jpg"></u-avatar>
					<view class="list_left_font">
						<view class="list_left_font1">
							光锥智能
						</view>
						<view class="list_left_font2">
							来这里，看千行百业的数字化、智能化。
						</view>
					</view>
		 		</view>
				<view class="list_right">
					<view class="list_right_yuan">
						
					</view>
				</view>
		 	</view>
			<view class="list between">
				<view class="list_left align">
					<u-avatar size='60' src="/static/touxiang1.jpg"></u-avatar>
					<view class="list_left_font">
						<view class="list_left_font1">
							互联网怪盗团
						</view>
						<view class="list_left_font2">
							互联网行业观察者、研究者
						</view>
					</view>
				</view>
				<view class="list_right">
					<view class="list_right_yuan">
						
					</view>
				</view>
			</view>
			<view class="list between">
				<view class="list_left align">
					<u-avatar size='60' src="/static/touxiang2.jpg"></u-avatar>
					<view class="list_left_font">
						<view class="list_left_font1">
							8055保卫科
						</view>
						<view class="list_left_font2">
							职场科普连环画，求职打工多看它
						</view>
					</view>
				</view>
				<view class="list_right">
					<view class="list_right_yuan">
						
					</view>
				</view>
			</view>
			<view class="list between">
				<view class="list_left align">
					<u-avatar size='60' src="/static/touxiang3.jpg"></u-avatar>
					<view class="list_left_font">
						<view class="list_left_font1">
							财税审券投
						</view>
						<view class="list_left_font2">
							读书阅人，游历实践，青梅煮酒，共同成长。
						</view>
					</view>
				</view>
				<view class="list_right">
					<view class="list_right_yuan">
						
					</view>
				</view>
			</view>
			<view class="list between">
				<view class="list_left align">
					<u-avatar size='60' src="/static/touxiang4.jpg"></u-avatar>
					<view class="list_left_font">
						<view class="list_left_font1">
							邢小七
						</view>
						<view class="list_left_font2">
							金融央企I人大金融硕士|职场博主|擅长求职
						</view>
					</view>
				</view>
				<view class="list_right">
					<view class="list_right_yuan">
						
					</view>
				</view>
			</view>
			<view class="list between">
				<view class="list_left align">
					<u-avatar size='60' src="/static/touxiang5.jpg"></u-avatar>
					<view class="list_left_font">
						<view class="list_left_font1">
							安洪贺
						</view>
						<view class="list_left_font2">
							市场策划·13年
						</view>
					</view>
				</view>
				<view class="list_right">
					<view class="list_right_yuan">
						
					</view>
				</view>
			</view>
		 </view>
		 
		 
		 
		 
	</view>
</template>

<script>
	export default {
		data() {
			return {
				fileList1: [],
				value5:'',
				radiovalue7: '可爱',
				value:'',
				Inv: 0, 
				index:0,
				radiolist7: [{
						name: '求职者欠妥，招聘者是正常反应',
						disabled: false
					},
					{
						name: '招聘者欠妥，求职者是正常反应',
						disabled: false
					},
					{
						name: '双方均欠妥，我会避免类似言行',
						disabled: false
					},
					{
						name: '双方均无不妥，属于正常沟通',
						disabled: false
					},
				],
				list1: [{
						name: '推荐',
					}, {
						name: '好文',
					}, {
						name: '我的关注'
					}, {
						name: '我的收藏'
					}, {
						name: '发帖'
					}]
			}
		},
		onLoad() {
	
		},
		methods: {
			// 删除图片
						deletePic(event) {
							this[`fileList${event.name}`].splice(event.index, 1)
						},
						// 新增图片
						async afterRead(event) {
							// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
							let lists = [].concat(event.file)
							let fileListLen = this[`fileList${event.name}`].length
							lists.map((item) => {
								this[`fileList${event.name}`].push({
									...item,
									status: 'uploading',
									message: '上传中'
								})
							})
							for (let i = 0; i < lists.length; i++) {
								const result = await this.uploadFilePromise(lists[i].url)
								let item = this[`fileList${event.name}`][fileListLen]
								this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
									status: 'success',
									message: '',
									url: result
								}))
								fileListLen++
							}
						},
						uploadFilePromise(url) {
							return new Promise((resolve, reject) => {
								let a = uni.uploadFile({
									url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
									filePath: url,
									name: 'file',
									formData: {
										user: 'test'
									},
									success: (res) => {
										setTimeout(() => {
											resolve(res.data.data)
										}, 1000)
									}
								});
							})
						},
			click(a,index){
				this.Inv=index
				console.log(index)
			},
		}
	}
</script>

<style scoped>
	.big{
		background-color: rgb(245,245,245);
	}
	/deep/.u-textarea{
		background-color: rgb(245,245,245);
	}
	/deep/.u-textarea__count{
		background-color: rgb(245,245,245) !important;
	}
	.fabubot{
		color: #fff;
		background-color: #489BA0;
		width: 160rpx;
		height: 80rpx;
		border-radius: 10rpx;
		margin: 0 auto;
	}
	.tianhua{
		width: 100%;
		height: 120rpx;
		border-radius: 20rpx;
		background-color: #fff;
	}
	.list{
		margin-bottom: 20rpx;
	}
	.list_left_font{
		margin-left: 10rpx;
	}
	.list_right_yuan{
		width: 30rpx;
		height: 30rpx;
		border-radius: 50%;
		border: 2rpx solid #000;
	}
	.list_left_font1{
		font-weight: bold;
	}
	.list_left_font2{
		margin-top: 6rpx;
		font-size: 13px;
		color: rgb(132, 132, 132);
	}
	.list{
		background-color: #fff;
		border-radius: 30rpx;
		padding: 30rpx;
	}
	/* /deep/.u-tabs__wrapper__nav__item__text{
		width: 120rpx !important;
	} */
	.martop{
		margin-top: 10rpx;
	}
	.wen{
		margin-bottom: 6rpx;
	}
	.wencard_top_right{
		margin-left: 6rpx;
	}
	.wencard_top_right_top{
		color: #000;
	}
	.jianyi img{
		width: 60rpx;
		height: 60rpx;
		
	}
	.jianyi{
		margin-left: 10rpx;
		color: rgb(132, 132, 132);
	}
	.jianyi_font{
		margin-left: 10rpx;
	}
	.jia img{
		width: 100rpx;
		height: 100rpx;
		
	}
	.dibu{
		margin-top: 20rpx;
		color: #707070;
	}
	.dibu img{
		width: 30rpx;
		height: 30rpx;
	}
	.huida{
		margin-top: 12rpx;
		margin-bottom: 12rpx;
		font-size: 13px;
		color: rgb(132, 132, 132);
	}
	.wencard_top_right_bot{
		margin-top: 3rpx;
		font-size: 12px;
		color: rgb(132, 132, 132);
	}
	.xuanzhe{
		width: 100%;
		margin-top: 15rpx;
	}
	.font_small{
		font-size: 14px;
		color: rgb(132, 132, 132);
		/* margin-top: 5rpx; */
	}
	.font_lan{
		color: #489BA0;
	}
	.font_top{
		font-size: 17px;
		margin-top: 20rpx;
	}
	.font_bot{
		color: rgb(132, 132, 132);
		margin-top: 10rpx;
	}
	.card_top_font{
		margin-left: 20rpx;
		color: #489BA0;
		font-weight: bold;
	}
	.card_top_rightfont{
		color: #bfbfbf;
	}
	.card_top_img{
		width: 40rpx;
		height: 40rpx;
	}
	.card_top_rightimg{
		width: 30rpx;
		height: 30rpx;
	}
	.card{
		padding: 20rpx;
		box-sizing: border-box;
		border-radius: 10rpx;
		background-color: #fff;
	}
	.select{
		
		// width: 100%;
		height: 90rpx;
		display: flex;
		
		overflow-x: auto;
		width: 100%;
		background-color: #fff;
		
	}
	.cont-item{
		padding: 20rpx;
		box-sizing: border-box;
	}
	.select-item {
		 // display: inline-block;
			font-size: 32upx;
			padding-left: 10rpx;
			padding-right: 10rpx;
			// float: left;
			// width: 230rpx !important;
			text-align: center;
			color: #3D3D3D;
			height: 70upx;
			line-height: 70upx;
			// display: flex;
			// justify-content: center;
			// align-items: center;
			flex-shrink: 0;
		}
	.select-act {
			position:relative;
			z-index: 1;
			font-size:32rpx;
			color: #489BA0;
		}
	.select-act:before {
			content: '';
			width: 50%;
			height: 6rpx;
			background:#489BA0;
			position: absolute;
			bottom: 6rpx;
			left: 50%;
			z-index: -1;	
			transform: translateX(-50%);
		}
</style>